<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/jquery-1.11.0.js"></script>
    <script src="../js/bootstrap.js"></script>
    <style>
        .btn-div{
            margin-left:200px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>这个是一个购物车页 <a href="./list.html" class="btn btn-info btn-md">返回列表页</a></h2>
        <div class="panel panel-default">
            <div class="panel-heading">
                <input type="checkbox" name="quan">全选
                商品种类：<span>0</span> 
                所选商品数量：<span>0</span> 
                所选商品价格：￥<span>0</span>
                <button type="button" class="btn btn-primary btn-xs">去结算</button>
                <button type="button" class="btn btn-info btn-xs">清空购物车</button>
            </div>
            <div class="panel-body">
                <div class="media">
                    <div class="media-left">
                      <input type="checkbox" name="xuan">
                      <a href="#">
                        <img class="media-object" src="https://img1.baidu.com/it/u=3306572176,704436528&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200" width="100" height="100">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">南极人【10双装】夏季男士丝袜超薄中筒袜男袜子薄款透气纯色商务袜P3038</h4>
                      <h3>￥25.00</h3>
                      <button type="button" class="btn btn-primary">我不要了</button>
                      <div class="btn-group btn-div" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <button type="button" class="btn btn-default">1</button>
                        <button type="button" class="btn btn-default">+</button>
                      </div>
                    </div>
                </div>
                <div class="media">
                    <div class="media-left">
                      <input type="checkbox" name="xuan">
                      <a href="#">
                        <img class="media-object" src="https://img1.baidu.com/it/u=3306572176,704436528&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200" width="100" height="100">
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">南极人【10双装】夏季男士丝袜超薄中筒袜男袜子薄款透气纯色商务袜P3038</h4>
                      <h3>￥25.00</h3>
                      <button type="button" class="btn btn-primary">我不要了</button>
                      <div class="btn-group btn-div" role="group" aria-label="...">
                        <button type="button" class="btn btn-default">-</button>
                        <button type="button" class="btn btn-default">1</button>
                        <button type="button" class="btn btn-default">+</button>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/ajax1.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/cart.js"></script>
</body>
</html>